<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link href="css/Ecommerce2.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		    <h1 class="mui-title">Shop</h1>
		    <a class="mui-icon"></a>
		</header>
		
		<div class="mui-content">
			
			
			<div class="image">
				<img src="img/2.png"/>
			    <div class="text">
				    <h3>Magic & Vintage</h3>
				    <h3>New Collection of Clothes</h3>
				    <h5>Black | S M L XL 2X |$48</h5>
				</div>
			</div>
			
			
			<ul class="mui-table-view mui-grid-view">
				<li class="mui-table-view-cell mui-media mui-col-xs-6">
			        <a href="#">
			            <img class="mui-media-object" src="img/2-1.png">
			            <div class="mui-media-body">
	                	    <h6>DRESS</h6>
		                	<h2>Elegant Apron</h2>
		                	<h4>Red-$65</h4>
			            </div>
			        </a>
			    </li>
	            <li class="mui-table-view-cell mui-media mui-col-xs-6">
		            <a href="#">
		                <img class="mui-media-object" src="img/2-2.png">
		                <div class="mui-media-body">
			               	<h6>DRESS</h6>
			               	<h2>Elegant Apron</h2>
			               	<h4>Black-$95</h4>
			            </div>
			        </a>
	            </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-6">
			        <a href="#">
			            <img class="mui-media-object" src="img/2-3.png">
			            <div class="mui-media-body">
			            	<h6>JACKETS</h6>
			               	<h2>Cashmere Coat</h2>
			               	<h4>White-$30</h4>
			            </div>
			        </a>
			    </li>
			    <li class="mui-table-view-cell mui-media mui-col-xs-6">
			        <a href="#">
			            <img class="mui-media-object" src="img/2-4.png">
			            <div class="mui-media-body">
			            	<h6>JACKETS</h6>
			               	<h2>Cashmere Coat</h2>
			               	<h4>Blue-$50</h4>
			            </div>
			        </a>
			    </li>
			</ul>
			
			<div class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
			    <div class="mui-scroll">
			        <a class="mui-control-item mui-active" href="Ecommerce3.html">
			            <img src="img/1-1.png"/>
			        </a>
			        <a class="mui-control-item">
			            <img src="img/1-2.png"/>
			        </a>
			        <a class="mui-control-item">
			           <img src="img/1-3.png"/>
			        </a>
			        <a class="mui-control-item">
			           <img src="img/1-4.png"/>
			        </a>
			    </div>
			    
			</div>
			
			
		</div>
		
		<div class="footer"></div>
		
		
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>